<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
      
<ui:composition template="/restrito/template.xhtml">

<ui:define name="menu"><ui:include src="menu.xhtml"/></ui:define>

<ui:define name="corpo">
	<h:outputScript library="js" name="jquery.maskedinput-1.2.2.js" target="head" />

    <div class="container">
    <ui:include src="../mensagem.xhtml"/>
    <h:form id="f" styleClass="form-horizontal">
    	<fieldset>
    	<legend>Seus dados</legend>
        <div class="control-group">
  			<h:outputLabel for="nome" value="* Nome completo" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="nome" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.nome}" maxlength="70" required="true" styleClass="input-xlarge"/>
  				<rich:message for="nome" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="email" value="* E-mail" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="email" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.email}" binding="#{email}" maxlength="50" required="true" styleClass="input-xlarge">
   					<f:validator validatorId="validadorEmail" />
    			</h:inputText>
    			<rich:message for="email" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="confirmacaoEmail" value="* Confirme seu e-mail" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="confirmacaoEmail" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.confirmacaoEmail}" maxlength="50" required="true" styleClass="input-xlarge">
   					<f:validator validatorId="validadorEmail" />
   					<f:validator validatorId="validadorConfirmacaoEmail"/>
   					<f:attribute name="email" value="#{email}"/>
   				</h:inputText>
   				<rich:message for="confirmacaoEmail" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="cpf" value="* CPF" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="cpf" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.cpf}" required="true" styleClass="input-xlarge">
   					<f:converter converterId="conversorCpf" />
   					<f:validator validatorId="validadorCpf" />
   				</h:inputText>
   				<rich:message for="cpf" />
   				<rich:jQuery selector="#cpf" query="mask('999.999.999-99')" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="sexo" value="* Sexo" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="sexo" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.sexo}" required="true" styleClass="input-xlarge"> 
   					<f:selectItems value="#{selectItemMB.lsSexo}" />
   				</h:selectOneRadio>
   				<rich:message for="sexo" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="telefoneComercial" value="Telefone comercial" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="telefoneComercial" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.telefone}" required="true" styleClass="input-xlarge"/>
				<rich:message for="telefoneComercial" />
    			<rich:jQuery selector="#telefoneComercial" query="mask('(99)9999-9999')" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="ramal" value="Ramal" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="ramal" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.ramal}" maxlength="6" styleClass="input-xlarge"/>
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="areaAtuacao" value="* Sua área de atuação na empresa" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="areaAtuacao" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.idAreaAtuacao}" required="true">
   					<f:selectItems value="#{alterarDadosPessoaisEmpresaMB.lsAreaAtuacao}" />
   				</h:selectOneMenu>
   				<rich:message for="areaAtuacao" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="cargo" value="* Seu cargo na empresa" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="cargo" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.cargo}" maxlength="50" required="true" styleClass="input-xlarge"/>
  				<rich:message for="cargo" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="receberInformativos" value="Receber informativos do Medvagas e de parceiros" styleClass="control-label"/>
  			<div class="controls">
  				<h:selectBooleanCheckbox id="receberInformativos" value="#{alterarDadosPessoaisEmpresaMB.usuarioEmpresa.receberInformativos}"/>
  			</div>
		</div>
		</fieldset>
		<div class="form-actions">
			<h:commandButton action="#{alterarDadosPessoaisEmpresaMB.alterarDadosPessoais}" value="Alterar dados pessoais" styleClass="btn-large btn-primary"/>
		</div>	
	</h:form>
	</div>
</ui:define>
</ui:composition>
</html>
